<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>提升率计算器</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
		<meta content="Coderthemes" name="author" />
		<!--通知浏览器打开极速模式-->
		<meta name="renderer" content="webkit">
		<!--如果只有IE内核,默认用最高版本-->
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

		<!-- App favicon -->
		<link rel="shortcut icon" href="assets/images/favicon.ico">

		<!-- App css -->
		<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
		<!--Font Awesome图标-->
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
		<!--Highdmin模板-->
		<link href="assets/css/main.css" rel="stylesheet" type="text/css" />
		<!--通用样式-->
		<link rel="stylesheet" href="assets/css/common.css" />

		<!-- jQuery  -->
		<script src="//cdn.staticfile.org/jquery/1.9.1/jquery.min.js"></script>
  		<!--[if lt IE 9]>
     		<script src="//cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  		<![endif]-->

		<!--普通计算器样式-->
		<link rel="stylesheet" href="assets/css/calculator.css" />

	</head>

	<body>

		<!-- Navigation Bar-->
		<header id="topnav">

		</header>
		<script>
			//引入头部
			//$('#topnav').load('top.html');
			$.ajax({
				type: 'get',
				url: 'top.html',
				async: false,
				success: function(top) {
					$('#topnav').append(top);
				}
			});
		</script>

		<!--中-->
		<div class="wrapper">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-9" style="min-width:380px;">
						<div class="card-box">
							<!-- Default dropright button -->
							<div class="btn-group" style="float: right;">
								<button type="button" class="btn btn-custom dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    								添加字段
  								</button>
								<div class="dropdown-menu" id="add-field">
									<!--字段列表-->
								</div>
							</div>
							<div style="float: right;margin-right: 15px;">
								<font style="font-size: 30px;">总提升:<span id="all-up">0.00</span>%</font>
							</div>

							<div class="table-responsive">
								<table class="table table-centered m-0">

									<thead>
										<tr>
											<th>字段</th>
											<th>原属性</th>
											<th>增加量</th>
											<th>提升</th>
											<th></th>
										</tr>
									</thead>
									<tbody id="table-tbody">
										<tr style="display: none;" class="tr">
											<td class="name"></td>

											<td>
												<input type="number" class="form-control jsq-input old-num" />
											</td>

											<td>
												<input type="number" class="form-control jsq-input add-num" />
											</td>

											<td>
												<span class="up-num">0.00</span>%
											</td>

											<td>
												<i class="remove fa fa-minus-circle fa-2x"></i>
											</td>
										</tr>
										<tr id="null-msg">
											<td colspan="5" style="text-align: center;">
												<h3 style="color: #87ADBD;">点击"添加字段"可添加词条</h3>
											</td>
										</tr>

									</tbody>
								</table>
							</div>
						</div>

					</div>

					<div class="col-lg-3" style="min-width:380px;">
						<div class="card-box">
							<h4 class="m-t-0 header-title">计算器</h4>
							<div id="donut-chart" style="width: 309px;margin: 0 auto;">
								<table class="table table-centered m-0">

									<thead>
										<tr>
											<th>原来伤害</th>
											<th>提升伤害</th>
											<th>提升</th>
										</tr>
									</thead>
									<tbody id="tslvjsq">
										<tr>
											<td>
												<input type="number" class="form-control old-num" />
											</td>
											<td>
												<input type="number" class="form-control add-num" />
											</td>
											<td>
												<span class="up-num">0.00</span>%
											</td>
										</tr>
									</tbody>
								</table>
								<div id="show">
									<div id="formula" style="font-size: 20px;"></div>
									<div id="result"></div>
								</div>
								<table id="jsqTable">
									<tr>
										<td class="yun" id="j-ce">CE</td>
										<td class="yun" id="j-c">C</td>
										<td class="yun" id="j-back"><i class="fa fa-arrow-left"></i></td>
										<td class="yun">÷</td>
									</tr>
									<tr>
										<td class="num">7</td>
										<td class="num">8</td>
										<td class="num">9</td>
										<td class="yun">×</td>
									</tr>
									<tr>
										<td class="num">4</td>
										<td class="num">5</td>
										<td class="num">6</td>
										<td class="yun">-</td>
									</tr>
									<tr>
										<td class="num">1</td>
										<td class="num">2</td>
										<td class="num">3</td>
										<td class="yun">+</td>
									</tr>
									<tr>
										<td class="num">00</td>
										<td class="num">0</td>
										<td class="num">.</td>
										<td class="yun">=</td>
									</tr>
								</table>
							</div>

						</div>

					</div>
				</div>
				<!-- end row -->

			</div>
		</div>
		<!-- end wrapper -->

		<!-- bottom-->
		<div id="bottom"></div>
		<script>
			//引入底部
			$('#bottom').load('bottom.html');
		</script>

		<!--popper-->
		<script src="https://cdn.staticfile.org/popper.js/1.11.1/umd/popper.min.js"></script>
		<!--bootstrap js-->
		<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.1/js/bootstrap.min.js"></script>
		<!--jquery.slimscroll.js-->
		<script src="https://cdn.staticfile.org/jQuery-slimScroll/1.3.8/jquery.slimscroll.min.js"></script>
		<!-- Highdmin模板 js -->
		<script src="assets/js/jquery.app.js"></script>

		<!--页面js代码-->
		<!--提示json信息-->
		<script type="text/javascript" src="assets/js/power/hint.js"></script>
		<!--算法js-->
		<script type="text/javascript" src="assets/js/power/formula.js?v=4.1"></script>
		<!--页面逻辑-->
		<script type="text/javascript" src="assets/js/power/increase.js?v=4.1"></script>
		<!--计算器js-->
		<script type="text/javascript" src="assets/js/calculator/calculator.js"></script>
	</body>

</html>